
<div class="banner" (swipeleft)="selectBanner($event)" (swiperight)="selectBanner($event)">
  <img *ngIf="bannerIndex == 0" src=".././../../assets/img/welcome.png" alt="">
  <img *ngIf="bannerIndex == 1" src="http://ot0slyine.bkt.clouddn.com/11/2/furniture/2017082811175380BTN?imageslim" alt="">
  <img *ngIf="bannerIndex == 2" src=".././../../assets/img/welcome.png" alt="">
  <img *ngIf="bannerIndex == 3" src="http://ot0slyine.bkt.clouddn.com/11/2/furniture/2017082811175375J9N?imageslim" alt="">
  <ul class="dot">
    <li [ngClass]="{'current':bannerIndex == 0}"></li>
    <li [ngClass]="{'current':bannerIndex == 1}"></li>
    <li [ngClass]="{'current':bannerIndex == 2}"></li>
    <li [ngClass]="{'current':bannerIndex == 3}"></li>
  </ul>
</div>
<div class="home-nav" (swipeleft)="selectType($event)" (swiperight)="selectType($event)">
  <ul><span  *ngFor="let type of goodTypes;let i = index">
        <li *ngIf="i == currTypeIndex||i == currTypeIndex+1 ||i == currTypeIndex+2||i == currTypeIndex+3" ><img src="{{ qiniuDomain+type.imgKey+'?imageslim' }}" alt=""><p [ngClass]="{'current':currType.value == type.value}">{{type.desc}}</p></li>
    </span>
    <!--<li><img src=".././../../assets/img/Bookcase.png" alt=""><p>桌椅类</p></li>-->
    <!--<li><img src=".././../../assets/img/Bed.png" alt=""><p>床柜类</p></li>-->
    <!--<li><img src=".././../../assets/img/Sofa.png" alt=""><p>沙发类</p></li>-->
  </ul>
</div>

<div class="home-goods-list">
  <h3>— {{currType.desc}} —</h3>
  <ul>
    <li *ngFor="let goods of goodsList" (click)="goGoodsDetail(e,goods.id)">
      <img *ngIf="!isExist(goods.imgKey)" src="../../assets/img/no-img.png">
      <img  *ngIf="isExist(goods.imgKey)" src="{{ qiniuDomain+goods.imgKey+'?imageslim' }}">
      <img class="cover" src=".././../../assets/img/cover.png" alt="">
      <h4>{{goods.name|stringCutPipe:10}}</h4>
      <h5><span>￥{{goods.retailprice}}</span>进货￥{{goods.dealerprice}}</h5>
    </li>
  </ul>
</div>
<menu-button></menu-button>
